<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="car-management" content="车辆，管理系统">
    <link rel="icon" href="img/car1.png" type="image/x-icon">
    <link rel="stylesheet" href="./css/index.css" type="text/css">
    <script type="text/javascript" src="js/flexible.js"></script>
    <script type="text/javascript" src="js/jquery-3.5.1.min.js"></script>
    <title>XX园区车辆管理系统</title>
</head>

<body style="display: none;">
    <div id="map">
    </div>
    <!-- 详情弹窗 -->
    <div class="car_data">
        <div id="car_data_title">车辆基本信息</div>
        <div id="car_data_left">
            <div class="car_data_table">
                <div class="car_data_row">
                    <span class="car_key">编 &nbsp;号：</span>
                    <span class="car_value" id="data_id">12345678</span>
                </div>
                <div class="car_data_row">
                    <span class="car_key">车 &nbsp;牌：</span>
                    <span class="car_value" id="data_car_id">重B ZZZ90</span>
                </div>
                <div class="car_data_row">
                    <span class="car_key">车辆型号：</span>
                    <span class="car_value" id="data_car_color">荣威e550·白色</span>
                </div>
                <div class="car_data_row">
                    <span class="car_key">联系人：</span>
                    <span class="car_value" id="data_car_name">王德发</span>
                </div>
                <div class="car_data_row">
                    <span class="car_key">电话号码：</span>
                    <span class="car_value" id="data_car_phone">17711063421</span>
                </div>
                <div class="car_data_row">
                    <span class="car_key">所属单位：</span>
                    <span class="car_value" id="data_car_section">重庆大学信息学院</span>
                </div>
                <div class="car_data_row">
                    <span class="car_key">车辆类型：</span>
                    <span class="car_value" id="data_car_type">小型轿车</span>
                </div>
                <div class="car_data_button">
                    <button type="button" class="car_show">添加到显示</button>
                </div>

            </div>
        </div>
        <div id="car_data_right">
            <div class="car_data_img">
                <img src="img/car1.png" alt="车辆照片">
            </div>
            <div class="car_data_table">
                <div class="car_data_row">
                    <span class="car_key">使用性质：</span>
                    <span class="car_value" id="data_car_nat">非营业</span>
                </div>
                <div class="car_data_row">
                    <span class="car_key">车辆状况：</span>
                    <span class="car_value" id="data_car_state">正常</span>
                </div>
                <div class="car_data_row">
                    <span class="car_key">备 &nbsp;注：</span>
                    <span class="car_value" id="data_car_bz">-</span>
                </div>
                <div class="car_data_button">
                    <button type="button" class="his_button">查看历史轨迹</button>
                </div>
            </div>
            <img src="img/close.png" alt="关闭" class="img_close">
        </div>
    </div>
    <!-- 左侧列表 -->
    <div id="car_list">
        <div id="car_list_title">-车辆状态-</div>
        <div id="table_list">
            <div class="car_row_title car_row">
                <div class="car_d1">车牌号</div>
                <div class="car_d2">车辆型号</div>
                <div class="car_d3">车辆状态</div>
            </div>
            <div id="list_data">
                <!-- <div class="car_row car_row_li">
                        <div class="car_d1">川A132141</div>
                        <div class="car_d2">荣威e550·白色</div>
                        <div class="car_d3">行驶中</div>
                        <img src="img/stop.png" alt="暂停" title="暂停" class="stop_img">
                        <img src="img/-.png" alt="移除显示" title="移除显示" class="sub_img">
                    </div> -->
            </div>
        </div>
    </div>
    <!-- 右侧目录 -->
    <div id="car_dir">
        <div id="car_form">
            <input type="text" name="car_search" id="car_search" autocomplete="off" placeholder="&nbsp;&nbsp;搜索车辆">
        </div>
        <div id="table_dir">
            <div class="car_row car_row_title">
                <div class="car_d1">车牌号</div>
                <div class="car_d2">车辆型号</div>
            </div>
            <div id="data_hint" style="display: none;">
                <h1>无</h1>
            </div>
            <div id="dir_data">
                <div class="car_row car_row_li">
                    <!-- <div class="car_d1">车牌号</div>
                        <div class="car_d2">型号</div>
                        <img src="img/+.png" alt="添加到显示" c="添加到显示" class="add_img"> -->
                </div>
            </div>
        </div>
    </div>
</body>
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=申请的密钥"></script>
    <script type="text/javascript" src="../config.js"></script>
    <script type="text/javascript" src = "js/index.js"></script>
</html>
